<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>广东海洋大学(大学物理实验)-实验中心</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css" />
		<script src="js/jquery-2.0.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>

	</head>

	<body>
		<div class="container">
			<div class="row">
				<div class="span12">
					<div class="navbar navbar-inverse">
						<div class="navbar-inner">
							<div class="container-fluid">
								<a class="brand hidden-phone" href="index.html">广东海洋大学物理实验中心（课件资源）</a>
								<a class="brand visible-phone" href="index.html">物理实验中心（课件资源）</a>
							</div>
						</div>
					</div>
					<div class="media">
						<a href="#" class="pull-left"><img src="img/a_002.jpg" class="media-object" alt='' /></a>
						<div class="media-body">
							<h4 class="media-heading">
						薄透镜焦距的测量.ppt
					</h4> 请尽量使用HTML5兼容的视频格式和视频代码实现视频播放, 以达到更好的体验效果.
						</div> 文件大小:3.33Mb
						<a href='#'><span class="icon-download-alt"></span>下载</a>
						<!--在线查看的方案是什么？-->
						<a href='#'><span class="icon-eye-open"></span>在线查看</a>
					</div>
					<div class="media">
						<a href="#" class="pull-left"><img src="img/a_002.jpg" class="media-object" alt='' /></a>
						<div class="media-body">
							<h4 class="media-heading">
						磁滞回线的测量
					</h4> 请尽量使用HTML5兼容的视频格式和视频代码实现视频播放, 以达到更好的体验效果.
						</div>
					</div>
					<div class="pagination">
						<ul>
							<li>
								<a href="#">上一页</a>
							</li>
							<li>
								<a href="#">1</a>
							</li>
							<li>
								<a href="#">2</a>
							</li>
							<li>
								<a href="#">3</a>
							</li>
							<li>
								<a href="#">4</a>
							</li>
							<li>
								<a href="#">5</a>
							</li>
							<li>
								<a href="#">下一页</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="span2">

				</div>
				<div class="span4 hidden-phone">
					<div class="media">
						<a class="pull-left" href="#">
							<img style="height: 45px;" class="media-object img-circle " src="img/logo.jpg" alt='' />
						</a>
						<div class="media-body">
							<h4 class="media-heading">
								理学院
							</h4> 大学物理实验中心(实验模块)
						</div>
					</div>
				</div>
				<div class="span6">
					<address style="margin-top: -18px;"><strong>广东海洋大学, 理学院.</strong><br /> 广东省湛江市麻章区湖光岩东海大路1号<br /> 邮箱:lxy@gdou.edu.cn<br /> 电话:(0759) 2383636</address>
				</div>
			</div>
		</div>
	</body>

</html>